<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Title</title>
    <%@include file="/WEB-INF/views/commons/commons.jsp" %>

    <script src="/static/js/system/systemmenu.js"></script>
</head>
<body>

<div id="cc" class="easyui-layout" style="width:600px;height:400px;" fit="true">
    <div data-options="region:'west',title:'菜单树',split:true" style="width:300px;">
        <ui id="tree">123</ui>
    </div>
    <div data-options="region:'center',title:'菜单操作'" style="padding:5px;background:#eee;">
        <table id="menu_datagrid"></table>
    </div>

</div>

<!--工具栏-->
<div id="tb">
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" data-cmd="add">添加</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true" data-cmd="edit">编辑</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true" data-cmd="remove">删除</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload',plain:true" data-cmd="reload">刷新</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload',plain:true" data-cmd="backMenu">返回顶级菜单</a>

</div>

<!--菜单添加与编辑的对话框-->
<div id="menu_dialog">
    <!--菜单信息的form表单-->
    <form id="menu_form" method="post" style="padding: 22px 0px 0px 50px;">
        <input type="hidden" id="menuId" name="id">
        <table style="border-collapse: separate;border-spacing: 10px;">
            <tr>
                <td>上级菜单：</td>
                <td><select id="menu_combotree" class="easyui-combotree" name="parent.id" style="width:200px;"
                            data-options="url:'/systemmenu/listRoot'"></select>
                </td>
            </tr>
            <tr>
                <td>菜单名:</td>
                <td><input class="easyui-textbox" type="text" name="text"></td>
            </tr>

            <tr>
                <td>URL:</td>
                <td><input class="easyui-textbox" type="text" name="url"></td>
            </tr>
            <tr>
                <td>绑定权限：</td>
                <td><select class="easyui-combobox" name="permission.id" style="width:200px;"
                            data-options="url:'/permission/queryPermissions',
                            valueField:'id',textField:'name'"></select>
                </td>
            </tr>
        </table>
    </form>
</div>

<!--员工添加有编辑的底部按钮-->
<div id="bb">
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save',plain:true" data-cmd="save">保存</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cancel',plain:true" data-cmd="cancel">取消</a>
</div>


</body>
</html>
